﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Isha CRM</title>
    <link rel="stylesheet" href="Content/bootstrap.css" />
    <link rel="stylesheet" href="Content/app.css" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
		<script src="Scripts/js/html5shiv.js"></script>
	<![endif]-->
</head>
<body>
    <!-- BEGIN Top Navigation Bar -->
	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarMain">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#">Isha Connect</a>
		</div>
		<!-- Navigation links -->
		<div class="collapse navbar-collapse" id="navbarMain">
            <div data-ng-controller="LoginController"><login></login></div>
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">Home</a></li>
				<li><a href="#">Contact</a></li>
				<li><a href="#">About</a></li>
			</ul>
		</div>
	</div>
	<!-- END Top Navigation Bar -->

    <!-- Begin Body -->
	<div class="container">
		<div class="row">
			<div class="col-xs-2 list-group">
				<a href="#" class="list-group-item active">Home</a>
				<a href="#" class="list-group-item">Login</a>
				<a href="#" class="list-group-item">Introductory Programs</a>
				<a href="#" class="list-group-item">Advanced Programs</a>
				<a href="#" class="list-group-item">About Isha Foundation</a>
				<a href="#" class="list-group-item">Contact Us</a>				
			</div>
			<div class="col-xs-10">
				<div class="jumbotron">
					<h1>Welcome to Isha Connect!</h1>
					<p>Find Isha programs and connect with Isha members around the world!</p>
					<button class="btn btn-primary btn-lg">Login &raquo;</button>
				</div>
			</div>
		</div>
	</div>	
	
    <div id="divBody" class="hidden">
        <div class="container" data-ng-controller="ClientsController" data-ng-show="signin">
            <h2>Clients Controller</h2>
            <div data-ng-show="errorMsg == ''">
                <ul class="list-unstyled">
                    <li data-ng-repeat="client in clients">{{client.name}} : {{client.displayName}}</li>
                </ul>
            </div>
            <div data-ng-show="errorMsg != ''" class="alert alert-danger">
                {{errorMsg}}
            </div>
        </div>

    </div>
	
	<!-- End Body -->

    <!-- BEGIN Bottom Navigation Bar -->
	<div class="navbar navbar-default navbar-fixed-bottom" role="navigation">
		<div class="container">
			<p class="navbar-text">&copy; Isha Foundation 2013</p>
		</div>
	</div>
	<!-- End Bottom Navigation Bar -->


    <!-- Javascript Libraries -->
    <script type="text/javascript" src="Scripts/jquery-2.0.3.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap.js"></script>
    <script type="text/javascript" src="Scripts/angular.js"></script>
    <script type="text/javascript" src="Scripts/angular-route.js"></script>
    <script type="text/javascript" src="Scripts/angular-cookies.js"></script>

    <!-- Javascript Application -->
    <script type="text/javascript" src="Scripts/app/app.js"></script>
    <script type="text/javascript" src="Scripts/app/services.js"></script>
    <script type="text/javascript" src="Scripts/app/controllers.js"></script>
    <script type="text/javascript" src="Scripts/app/filters.js"></script>
    <script type="text/javascript" src="Scripts/app/directives.js"></script>

    <script src="https://apis.google.com/js/client.js?onload=init"></script>

</body>
</html>
